<template>
  <div class="header">
    <div class="header-left">
      <span class="iconfont">&#xe624;</span>
    </div>
    <div class="header-input">
      <span class="iconfont">&#xe632;</span>
      输入城市/景点/游玩主题
      <div class="header-right">
        城市
        <span class="iconfont"></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader',
}
</script>

<style scoped lang='stylus'>
  @import '~styles/varibles.styl'
    .header
      display: flex
      background-color: $bgColor
      color: #ffffff
      .header-left

</style>
